﻿666
.addInfo{width:1000px;border: solid 1px;margin-left:auto;margin-right: auto;}
  .addInfo > div {overflow: hidden;border: solid 1px;}
  .addInfo:after{display: block;content: '';clear: both;}
  .addDetail{width:760px;float:left;height:600px;position: relative;}
  .addDetail > form > fieldset{height:500px;border-radius: 4px;border: solid 2px #59A4EB;}
  .addDetail > form > fieldset > legend{font-family: "微软雅黑";font-size: 24px;color: #59A4EB;}
  .addDetail > form > fieldset > input{width: 400px;margin-left:20px;margin-top:10px;
  height:30px;line-height: 30px;}
  .addDetail > form > fieldset > input:focus{box-shadow: 0 0 3px;outline: none;}
  .addDetail > form > fieldset > label{margin-left:20px;display: inline-block;width: 140px;}
  .addDetail > form > fieldset > label:after{content:"(必填)";color: red;}
  .addDetail > form > fieldset > #addBtn{width:120px;position: absolute;right: 300px;bottom: 10px;}
  .rightInfo{width:300px;float:right;}
  
  /*当input通过验证 让他的兄弟 但是不知道是不是紧邻的兄弟就是用~，紧邻的使用+ 追加after显示内容 而内容通过属性函数attr读取*/
.addDetail > form > fieldset>input:valid+span:after{color:green;content:attr(data-right-tip);}
.addDetail > form > fieldset>input:invalid+span:after{color:red;content:attr(data-error-tip);}
  #file{display: block;}
 #upload{background-color: green;color: white;width:120px;height:30px;}
